import Cookies from 'js-cookie'

const state = {
  sidebar: {
    opened: Cookies.get('sidebarStatus') ? !!+Cookies.get('sidebarStatus') : true,
    withoutAnimation: false
  },
  device: 'desktop',
  tableData: [],
  firstTitle: "",
  secondTitle: "",
  contentTitle: "",
  query: ""
}

const mutations = {
  TOGGLE_SIDEBAR: state => {
    state.sidebar.opened = !state.sidebar.opened
    state.sidebar.withoutAnimation = false
    if (state.sidebar.opened) {
      Cookies.set('sidebarStatus', 1)
    } else {
      Cookies.set('sidebarStatus', 0)
    }
  },
  CLOSE_SIDEBAR: (state, withoutAnimation) => {
    Cookies.set('sidebarStatus', 0)
    state.sidebar.opened = false
    state.sidebar.withoutAnimation = withoutAnimation
  },
  TOGGLE_DEVICE: (state, device) => {
    state.device = device
  },

  setTableData: (state, tableData, secondTitle) => {
    state.tableData = tableData
    if (tableData.menuLevel == 1) {
      state.firstTitle = tableData.name
      state.secondTitle = ""
    }
  },
  setSecondTitle: (state, secondTitle) => {
    state.secondTitle = secondTitle
  },

  setContentTitle: (state, contentTitle) => {
    state.contentTitle = contentTitle
  },
  setlastVisitRoute: (state, query) => {
    state.query = query
  },

}

const actions = {
  toggleSideBar({ commit }) {
    commit('TOGGLE_SIDEBAR')
  },
  closeSideBar({ commit }, { withoutAnimation }) {
    commit('CLOSE_SIDEBAR', withoutAnimation)
  },
  toggleDevice({ commit }, device) {
    commit('TOGGLE_DEVICE', device)
  },
  setTableData({ commit }, tableData) {
    commit('setTableData', tableData)
  },
  setSecondTitle({ commit }, secondTitle) {
    commit('setSecondTitle', secondTitle)
  },
  setContentTitle({ commit }, contentTitle) {
    commit('setContentTitle', contentTitle)
  },
  setlastVisitRoute({ commit }, query) {
    commit('setlastVisitRoute', query)
  }
}

export default {
  namespaced: true,
  state,
  mutations,
  actions
}
